body{
    margin: 0;
    overflow-x: hidden;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    background-color: #F8F8F8;
    color: #000;
}

h1, .h1{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    color: #555656;
}

h2, .h2{
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    color: #1F6265;
}

h3, .h3{
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #1F6265;
}

h4, .h4{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #000000;
}

h5, .h5{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

h6, .h6{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.h4-primary{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #1F6265;
}

.text-primary{
    color: #1F6265 !important;
}

.text-secondary{
    color: #555656 !important;
}

.font-weight-ultrabold{
    font-weight: 900;
}

li{
    font-size: 14px;
}

a{
    cursor: pointer;
}

label{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #555656;
    margin-bottom: 8px;
}

.form-control, .form-select{
    border: 1px solid #555656;
    border-radius: 2px;
}

.form-select {
    background-size: 22px 18px;
}


.btn-primary{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    background-color: #1F6265;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: #86E8FF;
    border-radius: 6px;
}

.btn-primary:hover{
    background-color: #11474a;
    border-color: #86E8FF;
}

/* Navbar */
nav{
    vertical-align: middle;
    margin-bottom: 50px;
}

.navbar-brand{
    padding-top: 10px;
    padding-bottom: 14px;
    border-bottom: 8px solid #86E8FF;
}

.navbar-links {
    padding-top: 6px;
    padding-bottom: 10px;
    border-bottom: 8px solid #86E8FF;
}

.navbar-links a{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #1F6265;
    text-decoration: none;
}

.navbar-links a:hover{
    text-decoration: underline;
}

@media(max-width: 519px){
    .navbar-links{
        margin-top: 12px;
    }
}

/**** Content ****/

/***** Gradient without blur *****/
.gradient{
    background: linear-gradient(90deg, #BBDFCE 0%, #BADFCE 6.25%, #B9DFD0 12.5%, #B6E0D2 18.75%, #B3E0D5 25%, #AFE1D9 31.25%, #AAE1DD 37.5%, #A5E2E2 43.75%, #A0E3E7 50%, #9BE4EB 56.25%, #96E5F0 62.5%, #91E5F4 68.75%, #8DE6F8 75%, #8AE6FB 81.25%, #87E7FD 87.5%, #86E7FF 93.75%, #85E7FF 100%);
} 

/* .gradient-header{
    background-image: url('gradient.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: unset;
    height: 520px;
}

@media(max-width: 991px){
    .gradient-header{
        height: unset;
        background-size: cover;
    }
}

.gradient-cards{
    background-image: url('gradient_cards.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: unset;
} */

.border-left{
    border-left: 8px solid #86E8FF;
}

.border-top-8{
    border-top: 8px solid #86E8FF;
}

.mt-6{
    margin-top: 70px;
}

.card{
    border: none;
    border-radius: 0;
}

.card-body{
    text-align: center;
    padding: 30px 40px;
}

@media (max-width: 425px){
    .card-body{
        text-align: center;
        padding: 20px;
    }
}

footer{
    padding-bottom: 20px;
}

.heading-content{
    margin-top: 40px;
}

.gradient-backdrop {
    position: absolute;
    top: -15px;
    left: -45px;
    background: linear-gradient(90deg, #BBDFCE 0%, #BADFCE 6.25%, #B9DFD0 12.5%, #B6E0D2 18.75%, #B3E0D5 25%, #AFE1D9 31.25%, #AAE1DD 37.5%, #A5E2E2 43.75%, #A0E3E7 50%, #9BE4EB 56.25%, #96E5F0 62.5%, #91E5F4 68.75%, #8DE6F8 75%, #8AE6FB 81.25%, #87E7FD 87.5%, #86E7FF 93.75%, #85E7FF 100%);
    filter: blur(22.5px);
    width: calc(100% + 90px);
    height: calc(100% + 30px);
}

.gradient-backdrop-sm {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #BBDFCE 0%, #BADFCE 6.25%, #B9DFD0 12.5%, #B6E0D2 18.75%, #B3E0D5 25%, #AFE1D9 31.25%, #AAE1DD 37.5%, #A5E2E2 43.75%, #A0E3E7 50%, #9BE4EB 56.25%, #96E5F0 62.5%, #91E5F4 68.75%, #8DE6F8 75%, #8AE6FB 81.25%, #87E7FD 87.5%, #86E7FF 93.75%, #85E7FF 100%);
    filter: blur(22.5px);
    width: 100%;
    height: 100%;
}